@charset "UTF-8";
*{
	padding:0px;
	margin:0px;
	color:#ddd;
	text-decoration:none;
}

body{
	font-size:62.5%;
	color:#000;
}
input,option,select{
	background:none;
	border:none;
	outline:none;
	text-indent:5px;
	border:1px dashed #ddd;
	font-size:1.2rem;
	background-color:#fff;
}
input[disabled='disabled'],button[disabled='disabled']{
	background:#ddd;
}
button,.myBtn{
	background:none;
	border:none;
	outline:none;
	width:100px;
	height:30px;
	font-size:0.8rem;
	background-color:dodgerblue;
	color:#000;
	font-family:Microsoft Yahei;
}

button:hover{
	background-color:rgba(255,255,255,1);
	cursor:pointer;
	color:#000;
}
select,option,input,textarea{
	color:#000;
}
.manageContainer{
	width:100%;
	height:100vh;
	background-image: url('../img/26.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.left,.right{
	float:left;
	height:100%;
}

/* 左边菜单 */
.left{
	width:20%;
 	background-color:rgba(0,0,0,.2);
}
.userInfo{
	position:relative;
	width:100%;
	height:30%;
}
.user{
	position:absolute;
	width:80%;
	height:80%;
	left:10%;
	top:10%;
}
.user p{
	width:100%;
	height:43px;
	text-indent:20px;
	line-height:43px;
	font-size:1rem;
	color:#ddd;
}
.infoCount{
	font-weight:bold;
	color:red;
}
.menus{
	width:100%;
	height:70%;
}
.menu{
	position:relative;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:1.3rem;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.first{
	border-top:1px solid #ddd;
}
.menu:hover,.subMenu:hover{
	background-color:rgba(255,255,255,.5);
	cursor:pointer;
}
.menu:hover .subMenus{
	display:block;
}
/* 右边内容 */
.right{
	width:80%;
}
.breadcrumb,.title,.contents{
	width:95%;
	margin-left:2.5%;
}
.navs{
	height:6%;
	background-color:rgba(0,0,0,.3);
}
.nav{
	width:100%;
	float:left;
	width:11%;
	height:100%;
	line-height:280%;
	text-align:center;
	font-size:0.9rem;
/* 	border-right:1px solid #ddd;
	box-sizing:border-box; */
	color:#ddd;
}
.nav a:hover{
	text-shadow:0px 0px 15px #ddd;
}

.last{
	width:34%;
}

.breadcrumb{
	height:6%;
	line-height:250%;
	font-size:0.9rem;
}
.title{
	height:8%;
	text-align:center;
	font-size:2rem;
	line-height:100%;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
}

.contents{
	height:80%;
}
.addNote{
	width:100%;
	height:8%;
	line-height:350%;
	text-align:right;
	font-size:.8rem;
}
.addNote:hover{
	text-shadow:0px 0px 10px #ddd;
	cursor:pointer;
}
.myNotes{
	width:100%;
	height:90%;
/* 	overflow-y:scroll; */
/* 	border:.1px solid #eee; */
}
.notes{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	border:1px solid #999;
	box-sizing:border-box;
}
.note{
	height:50px;
	width:33.33%;
	font-size:1rem;
	line-height:50px;
	text-indent:10px;
	background-color:rgba(255,255,200,0.1);
}
.note:hover{
	background-color:rgba(255,255,200,0.5);
	cursor:pointer;
	color:#000;
}
i{
	font-size:1rem;
}